<div>
  <div class="col-md-4 position-r">
    <div class="group-title">一级分类
      <input type="text" class="form-control" [(ngModel)]="addFirName">
      <button class="btn btn-default" [disabled]="!addFirName" (click)="addCategory(0)">增加</button>
    </div>
    <div class="group-item">
      <ul class="list-unstyled">
        <li *ngFor="let item of firLevel" [ngClass]="{'active': firId === item.id}" (click)="chosedCategory(0,item.id)">{{item.class_name}}
          <span class="pull-right">
            <!--<i class="iconfont icon-edit" (click)="editCategory(item.name,item.id,item.level,item.parent)"></i>-->
            <!--<i class="iconfont icon-remove" (click)="delCategory(item.id)"></i>-->
          </span>
        </li>
      </ul>
    </div>
    <i class="iconfont icon-right"></i>
  </div>
  <div class="col-md-4 position-r">
    <div class="group-title">二级分类
      <input type="text" class="form-control" [(ngModel)]="addSecName">
      <button class="btn btn-default" (click)="addCategory(1)">增加</button>
    </div>
    <div class="group-item">
      <ul class="list-unstyled">
        <li *ngFor="let item of secLevel" [ngClass]="{'active': secId === item.id}" (click)="chosedCategory(1,item.id)">{{item.class_name}}
          <span class="pull-right">
            <!--<i class="iconfont icon-edit" (click)="editCategory(item.name,item.id,item.level,item.parent)"></i>-->
            <!--<i class="iconfont icon-remove" (click)="delCategory(item.id)"></i>-->
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>

<app-notification [type]="type" [message]="message" [isShow]="isShow" (promptIsShow)="isShow = $event"></app-notification>
